<template>
<div id="souuo-L">
		<div id="sousuo">
			<div class="sousuo-s">
				<p v-on:click="lchenge($router)"><img src="/static/images/icon-return.png"></p>
				<input type="text" placeholder="天天坚果">
				<span>搜索</span>
			</div>
			
		</div>
		<div id="sousuo-h">
				<p><span class="huoyan">&#xe602;</span>热门搜索</p>
				<ul>
					<li>坚果</li>
					<li>核桃</li>
					<li>鸭旽</li>
					<li>天天坚果</li>
					<li>猪肉</li>
					<li>凤爪</li>
					<li>蛋糕</li>
					<li>猪肉脯</li>
				</ul>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default{
		methods:{
			lchenge(str){
				str.go(-1)
			}
		}
	}
</script>
<style type="text/css" scoped>
	#souuo-L,#sousuo,.sousuo-s,#sousuo-h{
		width:100%;
	}
	#sousuo .sousuo-s{
		display: flex;
		flex-wrap: nowrap;
		border-bottom: 1px #e5e5e5 solid;
	}
	#sousuo .sousuo-s p{
		padding:.35rem .3rem;
	}
	#sousuo  .sousuo-s p>img{
		width:.6rem;
	}
	#sousuo  .sousuo-s input{
		border:1px #e5e5e5 solid;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		flex-grow: 2;
	}
	#sousuo .sousuo-s span{
		font-size: .45rem;
		padding:.35rem .3rem;
		color:#b4b2b2;
	}
	#sousuo .sousuo-s input{
		font-size: .383rem;
		height:.95rem;
		margin-top: .2rem;
		outline: none;
		background:#f5f5f5;
	}


	.huoyan{
		font-family: 'iconfont';
		font-size: .75rem;
		color:#ff6c30;
		margin-left: .25rem
	}
	@font-face {
		font-family: 'iconfont';  /* project id 345259 */
		src: url('//at.alicdn.com/t/font_345259_dzymsmenh3tprpb9.eot');
		src: url('//at.alicdn.com/t/font_345259_dzymsmenh3tprpb9.eot?#iefix') format('embedded-opentype'),
		url('//at.alicdn.com/t/font_345259_dzymsmenh3tprpb9.woff') format('woff'),
		url('//at.alicdn.com/t/font_345259_dzymsmenh3tprpb9.ttf') format('truetype'),
		url('//at.alicdn.com/t/font_345259_dzymsmenh3tprpb9.svg#iconfont') format('svg');
		}
	#sousuo-h p{
		font-size: .4rem;

	}
	#sousuo-h{
		border-bottom:.2rem #e5e5e5 solid;
		padding-bottom: .35rem;
		background:#fff;
	}
	#sousuo-h ul{
		display: flex;
		flex-wrap: wrap;

	}
	#sousuo-h ul li{
		font-size: .33rem;
		background:#e5e5e5;
		padding:.2rem .35rem;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		margin-left: .35rem;
		margin-top: .29rem;
	}
</style>